<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>
    <head>
        <meta charset="utf-8" />
        <title>Metronic模板</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="css/components.min.css" rel="stylesheet" type="text/css" />
        <link href="css/layout.css" rel="stylesheet" type="text/css" />
        <link href="css/light.min.css" rel="stylesheet" type="text/css" />
        <link rel="shortcut icon" href="favicon.ico" /> 
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script>
	        function loadReady(obj) {
	            $(obj).load(function(){
	                var height = $(obj).contents().find(".container-fluid").height() + 50;
	                console.info("body height : " + height);
	                $(obj).height(height);
	            });
	        }
        </script>
    </head>

    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
        <div class="page-wrapper">
            <!-- BEGIN HEADER -->
            <div class="page-header navbar navbar-fixed-top">
                <!-- BEGIN HEADER INNER -->
                <div class="page-header-inner ">
                    <!-- BEGIN LOGO -->
                    <div class="page-logo">
                        <img src="img/logo.png" alt="logo" class="logo-default" />
                    </div>
                    <!-- END LOGO -->
                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                        <span></span>
                    </a>
                    <!-- END RESPONSIVE MENU TOGGLER -->
                    <!-- BEGIN TOP NAVIGATION MENU -->
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <!-- BEGIN USER LOGIN DROPDOWN -->
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                            <li class="dropdown dropdown-user">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <span class="username username-hide-on-mobile">欢迎你，管理员</span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-default">
                                	<li><a href="javascript: modifyPwd()"><i class="fa fa-lock"></i>修改密码</a></li>
                                    <li><a href="index.html"><i class="fa fa-power-off"></i>登出系统 </a></li>
                                </ul>
                            </li>
                            <!-- END USER LOGIN DROPDOWN -->
                        </ul>
                    </div>
                    <!-- END TOP NAVIGATION MENU -->
                </div>
                <!-- END HEADER INNER -->
            </div>
            <!-- END HEADER -->
            <!-- BEGIN HEADER & CONTENT DIVIDER -->
            <div class="clearfix"> </div>
            <!-- END HEADER & CONTENT DIVIDER -->
            <!-- BEGIN CONTAINER -->
            <div class="page-container">
                <!-- BEGIN SIDEBAR -->
                <div class="page-sidebar-wrapper">
                    <!-- BEGIN SIDEBAR -->
                    <div class="page-sidebar navbar-collapse collapse">
                        <!-- BEGIN SIDEBAR MENU -->
                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                            <li class="nav-item active open">
                                <a href="javascript:;" class="nav-link nav-toggle">
                                    <span class="title">系统</span>
                                    <span class="selected"></span>
                                    <span class="arrow open"></span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="nav-item active open">
                                        <a href="multipleTab.html" class="nav-link function " target="blank">
                                            <span class="title">任务管理</span>
                                        </a>
                                    </li>
                                    <li class="nav-item ">
                                        <a href="javascript:;" class="nav-link function " onclick="openUrl('home.html')">
                                            <span class="title">公告管理</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item  ">
                                <a href="javascript:;" class="nav-link nav-toggle">
                                    <span class="title">平台</span>
                                    <span class="arrow"></span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="nav-item ">
                                        <a href="javascript:;" class="nav-link function " onclick="openUrl('table.html')">
                                            <span class="title">简历管理（宽松型）</span>
                                        </a>
                                    </li>
                                    <li class="nav-item ">
                                        <a href="javascript:;" class="nav-link function " onclick="openUrl('table-condensed.html')">
                                            <span class="title">简历管理（紧凑型）</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- END SIDEBAR MENU -->
                    </div>
                    <!-- END SIDEBAR -->
                </div>
                <!-- END SIDEBAR -->
                <!-- BEGIN CONTENT -->
                <div class="page-content-wrapper">
                    <!-- BEGIN CONTENT BODY -->
                    <div class="page-content">
						<iframe src="" class="row-fluid" id="pageContent" name="pageContent" style="min-height: 600px;" target="pageContent" 
							marginheight="0" marginwidth="0" frameborder='0' scrolling='no' width='100%' onload="javascript:loadReady(this);"></iframe>
                    </div>
                </div>
                <!-- END QUICK SIDEBAR -->
            </div>
            <!-- END CONTAINER -->
        </div>
        
        <div id="modifyPwd" class="modal fade" tabindex="-1" data-width="760">
        	<div class="modal-dialog" role="document">
        		<div class="modal-content">
					<div class="modal-header">
						<h4><b>个人密码修改</b></h4>
					</div>
					<div class="modal-body">
						<div class="row-fluid">
							<table width="100%" border="0" cellpadding="0" cellspacing="0" class="bortable">
								<tr>
					                <td width="160" height="40" align="right">新密码:<br><br></td>
					                <td>&nbsp;&nbsp; 
					                	<input type="text" id="password" name="password"/>
					                <br>
					                <font color="red">必须包含字母和数字，同时长度：6 ~ 30位</font>
					                <br></td>
			           			</tr>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" id="closePwd" class="btn btn-sm">取消</button>
						<button type="submit" value="提交" class="btn btn-primary btn-sm">提交</button>
					</div>
				</div>
			</div>
		</div>
		
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/js.cookie.min.js" type="text/javascript"></script>
        <script src="js/app.js" type="text/javascript"></script>
        <script src="js/layout.min.js" type="text/javascript"></script>
        <script>
        	var height = 600;
        
	        jQuery(document).ready(function() {
				var height =  document.documentElement.scrollHeight > document.body.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
				height -= 60;
				console.info("min-height : " + height);
	        	openUrl("home.html");
			});
        
			function modifyPwd() {
				$("#modifyPwd").modal();
			}
			
			function openUrl(url) {
				$("#pageContent").attr("src", url).css("min-height", height);
			}
			
			$(".function").click(function() {
				$(".sub-menu").each(function() {
					$(this).parent().attr("class", "nav-item ");
				});
				$(".function").each(function() {
					$(this).parent().attr("class", "nav-item ");
				});
				$(this).parent().attr("class", "nav-item active open ");
				$(this).parent().parent().parent().attr("class", "nav-item active open ");
			});
        </script>
    </body>

</html>